<cp-popup [maskClick]="true" [(show)]="show">
  <div class="popup-content">
    <div class="header" (click)="handleClose($event)">
      <button class="btn"><i class="icon icon-close"></i></button>
    </div>
    <div class="body" (click)="handleClose($event)">
      <swiper [(index)]="index" [config]="config">
        <div class="item" *ngFor="let item of list"><img [src]="item.Photo" /></div>
      </swiper>
    </div>
    <div class="footer" *ngFor="let item of list; index as i">
      <div *ngIf="i === index">
        <div class="title">
          <span class="index">[ {{ i + 1 }}/{{ list.length }} ]</span>
          <span class="txt" *ngIf="item.Title">{{ item.Title }}</span>
        </div>
        <div class="desc" *ngIf="item.Desc">{{ item.Desc }}</div>
      </div>
    </div>
  </div>
</cp-popup>
